<!doctype html>
<html>
  <head>
  <meta charset="UTF-8">
  <title>Sample document</title>
  <style>
      body{
        font:16px "Comic Sans MS",cursive;
      }

      p{
        color:blue;
      }
      #first{
        font-style: italic;
      }

      strong{
        color:red;
        background-color: #ddf;
        font:200% serif;
      }
      .carrot{
        color:red;
      }
      .spinach{
        color:green;
      }
  </style>
  </head>
  <body>
    <p id="first">
      <strong class="carrot">C</strong>ascading
      <strong class="spinach">S</strong>tyle
      <strong class="spinach">S</strong>heets
    </p>
    <p id="second">
          <strong>C</strong>ascading
          <strong>S</strong>tyle
          <strong>S</strong>heets
        </p>
  </body>
</html>